import './CustomerControl.less'
import React from 'react'
import { Card ,Button,Table} from 'antd';
const CustomerControl=()=>{
    const columns = [
        { title: '#', dataIndex: 'id', key: '1'},
        { title: '客服名称', dataIndex: 'name', key: '2' },
        { title: '用户信息', dataIndex: 'userMessage', key: '3'},
        { title: '创建聊天时间', dataIndex: 'time', key: '4'},
        { title: '对话内容', dataIndex: 'talkContent', key:'5'},
        { title: '关联商品ID', dataIndex: 'shopID', key: '6'},
        { title: '关联订单编号', dataIndex: 'orderID', key: '7'},
        {
            title: '操作',
            key: 'operation',
            fixed: 'center',
            width: 100,
            render: () => (
                <div className='button-ed' >
                    <Button className='export'>导出</Button>
                    <Button className='del'>删除</Button>
                </div>
            )
        },
    ];
    const data = [
        {
            id:'1',
            name:'花花',
            userMessage:'月光族',
            time:'2021-11-11',
            talkContent:'商品购买',
            shopID:'223234234',
            orderID:'1212124342',
        },
        {
            id:'2',
            name:'绾绾',
            userMessage:'学生',
            time:'2021-11-1',
            talkContent:'商品物流',
            shopID:'4352521',
            orderID:'231入3453',
        },
    ];
  return(
        <Card className='Control-Card'>
            <Table columns={columns} dataSource={data}  pagination={false} />
        </Card>
  )
}
export default CustomerControl
